<script>
import "../../fontawesome-free-6-web/css/all.css"
export default {
  name:"Super",
}
</script>

<template>
  <div class="superAll">
    <div class="super-left">
      <img src="../assets/img/elemeImg/img/super_member.png" alt="">
      <div class="superText"><p><span>超级会员&nbsp;&nbsp;·</span>&nbsp;每月享超值权益</p></div>
    </div>
    <div class="super-right">
      <a href="">立即开通&nbsp;&nbsp;<i class="fa fa-chevron-right"></i></a>
    </div>
  </div>
</template>

<style scoped>
.superAll{
  width: 96%;
  height: 10vw;
  background-color: #FEEDC1;
  margin: 0 auto;
  border-radius: 2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.super-left{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.super-left img{
  /* 取消图片拖动 */
  -webkit-user-drag: none;
  width: 6vw;
  margin: 0 3.5vw;
}
.super-left .superText{
  font-size: 3vw;
  color: #6D531B;
}
.super-left .superText span{
  font-size: 3.5vw;
  font-weight: bold;
}
.super-right{
  display: flex;
  justify-content: center;
  margin-right: 4vw;
}
.super-right a{
  font-size: 3vw;
  color: #6D531B;
}
</style>